<template>
  <div class="comp-home-about-wrapper">
    <GwTitleInfo cnName="关于我们" enName="ABOUT US" />
    <div class="about-vd">
      <video :src="aboutAdress" controls="controls"></video>
    </div>
    <h4>{{ aboutH4 }}</h4>
    <a href="#">
      <button>了解更多></button>
    </a>
  </div>
</template>

<script>
export default {
  name: "HomeAbout",
  props: ["aboutAdress", "aboutH4"],
};
</script>

<style scoped lang="less">
.comp-home-about-wrapper {
  width: 1204px;
  margin: 120px auto 0;
  video {
    width: 100%;
  }
  h4 {
    width: 100%;
    margin: auto;
    margin-bottom: 17px;
    padding: 20px;
    font-size: 34px;
    color: #333333;
    line-height: 60px;
    font-weight: normal;
    text-align: left;
  }
  button {
    width: 265px;
    height: 74px;
    display: block;
    border: 2px #3880e7 solid;
    background: #ffffff;
    border-radius: 74px;
    margin: 0 auto;
    font-size: 26px;
    color: #3880e7;
    cursor: pointer;
  }
}
</style>